<script>
	export default {
		onLaunch: function() {
			console.log('App Launch')
		},
		onShow: function() {
			console.log('App Show')
		},
		onHide: function() {
			console.log('App Hide')
		},
		methods:{
			toUrl(){
				// alert(888)
			}
		}
	}
</script>

<style lang="scss">
	/*每个页面公共css */
	// page {
	// 	background: #F3F3F3;
	// }
	// .uni-page-head{
	// 	background: transparent !important;
	// }
	@media (min-aspect-ratio: 13/20) {
	  .btom-view {
	    display: none;
	  }
	}
	.rule-body{
		image{
			max-width: 100% !important;
		}
	}
	.back-to-top {
		position: fixed;
		right: 20rpx;
		bottom: 50rpx;
		width: 60rpx;

		image {
			width: 100%;
		}
	}

	.flex {
		display: flex;
	}

	.align {
		align-items: center;
	}

	.between {
		justify-content: space-between;
	}

	.wrap {
		flex-wrap: wrap;
	}

	.uni-video-container {
		position: relative;
	}

	uni-video {
		height: auto !important;
	}

	.mapCover {
		width: 350rpx;
		display: block;
		height: 300rpx;
		object-fit: cover;
	}

	.word {
		margin-top: 20rpx;
		margin-bottom: 10rpx;
		width: 350rpx;
		white-space: break-spaces;
		font-size: 24rpx !important;
		overflow: hidden; //超出隐藏
		text-overflow: ellipsis; //溢出用省略号...显示
		display: -webkit-box; //将对象作为弹性伸缩盒子模型显示。
		-webkit-box-orient: vertical; //从上到下垂直 排列子元素（设置伸缩盒子的子元素排列方式）
		-webkit-line-clamp: 3; //表示显示的行数合上面两个属性，表示显示的行数

	}
	.word p{
		text-indent: 2em !important;
	}
	.word p,.word span{
		font-size: 12px !important;
	}
	.word2 p{
		margin-top: 20rpx;
		margin-bottom: 10rpx;
		font-size: 24rpx !important;
		text-indent: 0;
	}
	.mapBtns{
		    background: #12D5B4;
		    color: white;
		    border-radius: 40rpx;
		    margin-top: 20rpx;
		    padding: 8rpx 100rpx;
		    font-size: 24rpx;
	}

	// .video{
	// 	.uni-video-video{
	// 		object-fit: cover !important;
	// 	}
	// }
	// 	.uni-video-video {
	// 		background: white !important;
	// 	}

	uni-swiper .uni-swiper-dots-horizontal {
		bottom: 40rpx;
	}

	.page-bodys {

		.uni-scroll-view,
		.uni-scroll-view-content {
			display: flex;
			justify-content: space-between
		}
	}

	uni-rich-text {
		p {
			font-size: 28rpx !important;
		}
	}

	img {
		max-width: 100%;
	}

	.uni-margin-wrap .u-search__content__input {
		background: none !important;
	}

	#launch-btn {
		background: white;
		padding: 24rpx 0 88rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: 1rpx 2rpx 2rpx 5rpx gainsboro;
	}
	.uni-scroll-view {
	  /* 隐藏滚动条 */
	 /* 隐藏滚动条 */
	  -webkit-overflow-scrolling: touch; /* 对于iOS */
	  overflow: hidden; /* 隐藏溢出的内容 */
	  overflow-y: scroll; /* 允许垂直滚动 */
	  scrollbar-width: none; /* Firefox */
	  -ms-overflow-style: none; /* Internet Explorer 10+ */
	}
	// .u-tabs__wrapper__scroll-view{
		
	// }

	.bto-btn {
		background: white;
		padding: 24rpx 0 88rpx;
		position: fixed;
		left: 0;
		bottom: 0;
		width: 100%;
		box-shadow: 1rpx 2rpx 2rpx 5rpx gainsboro;

		view {
			background: #12D5B4;
			border-radius: 48rpx;
			text-align: center;
			color: white;
			margin: 0 30rpx;
			line-height: 98rpx;
			font-size: 36rpx;
		}
	}

	.return {
		position: absolute;
		left: 0;
		top: 20rpx;
		background: rgba(255, 255, 255, 0.7);
		border-radius: 0 20rpx 20rpx 0;
		padding: 10rpx 20rpx 10rpx 10rpx;
	}
	.u-notice__swiper__item{
		flex-direction:column !important
	}
	.u-notice__swiper{
		height: 40rpx !important;
	}

	// .u-notice__swiper__item{
	// 	white-space: nowrap;
	// 	text-overflow: ellipsis;
	// }
	.btom-view {
		position: fixed;
		width: 100%;
		left: 0;
		bottom: 0;
		z-index: 15;

		.btom-bg {
			width: 100%;
			height: 230rpx;
			display: block;
		}

		.btom-black {
			background: white;
			height: 68rpx;
		}

		.bto-item {
			position: absolute;
			font-size: 28rpx;
			color: #2B2B2B;
			top: 64rpx;
			left: 100rpx;
			text-align: center;

			image {
				width: 52rpx;
				height: 52rpx;
			}
		}

		.bto-item-a {
			color: #12D5B4;
		}

		.bto-item3 {
			left: auto;
			right: 100rpx;
		}

		.bto-item2 {
			top: 0;
			left: 50%;
			margin-left: -52rpx;

			image {
				width: 104rpx;
				height: 104rpx;
				margin-bottom: 16rpx;
			}
		}
	}
</style>